<div class="app-data-view">
    <row class="data-view-container" v-if="items.length > 0" :gutter="20" type="flex" justify="start">
        <template v-for="(item,index) in items">
            <i-col :key="index" style="min-height: 170px;">
                <div :class="[ item.isselected === true ? 'selected' : false, 'single-card-data' ]" @click="handleClick(item)" @dblclick="handleDblClick(item)">
                            <layout_itemlayoutpanel 
      :viewState="viewState"  
      :viewparams="viewparams" 
      :context="context" 
      :parentRef="_self"
      :inputData="item"
      @panelDataChange="($event)=>{onPanelDataChange(item,$event)}"
      name="itemlayoutpanel"  
      ref='itemlayoutpanel'>
    </layout_itemlayoutpanel>
                </div>
            </i-col>
        </template>
    </row>
    <div v-else class="app-data-empty">{{$t('entities.ir_attachment.card_dataview.nodata')}}</div>
</div>